<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#FFF; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#F41A06; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*index*/
.in_banbox{ width:100%; height:745px; background:url(../images/ban_01.jpg) top center no-repeat; z-index:1;}
.in_topbox{ width:100%; height:101px; background:none; position:absolute; top:0; left:0; z-index:100;}
.in_topbd{ width:100%; height:1px; background:rgba(255, 255, 255, 0.3); position:absolute; top:101px; left:0; z-index:100;}
.in_top{ width:1200px; margin:0 auto;}
.in_top .lt{ float:left; padding:18px 0 0 0;}
.in_top .rt{ float:right; padding:42px 18px 0 0;}
.bdsharebuttonbox{ margin:0px; padding:0px;}
.in_top .rt a{ float:left; display:block; width:31px; height:31px; margin:0 0 0 8px; padding:0; background:url(../images/index_03.png) 0px 0px no-repeat;}
.in_top .rt .a_2{ background-position:-39px 0px;}
.in_top .rt .a_3{ background-position:-79px 0px;}
.in_top .ct{ float:right; padding:0 18px 0 0;}
.in_top .ct li{ float:left; margin-left:32px; position:relative;}
.in_top .ct li&gt;a{ display:block; padding:49px 5px 0 5px; height:52px; text-align:center; color:#333;}
.in_top .ct li em{ display:block; position:absolute; left:50%; bottom:-1px; width:0px; height:4px; background:#F41A06; transition:all 0.2s ease-out;}
.in_top .ct li:hover em{ width:100%; left:0;}
.in_top .ct li.cur em{ width:100%; left:0;}
.in_top .ct li div{ position:absolute; left:0; top:102px; background:#FFF; box-shadow:0 0 10px #999; width:145px; padding:15px 25px; height:0; display:none; z-index:100;}
.in_top .ct li div a{ display:block; height:36px;  line-height:36px; border-bottom:1px solid #F2F2F2;}
.in_top .ct li div a span{ margin-right:12px; font-family:SimSun;}
.sh_bkg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:10000; display:none;}
.sh_box{ position:fixed; left:50%; top:180px; margin-left:-310px; width:620px; height:50px; background:#FFF; border-radius:3px; z-index:10001; display:none;}
.sh_box .txt{ float:left; width:550px; height:20px; line-height:20px; padding:15px 0 15px 20px; border:0; background:none; outline:none;}
.sh_box .btn{ float:left; width:50px; height:50px; background:url(../images/sh_03.jpg) center center no-repeat; border:0; cursor:pointer;}
.in_contbox{ width:1192px; height:365px; position:absolute; top:345px; left:50%; margin-left:-596px; z-index:10;}
.in_contbox .box_1{ float:left; width:406px; height:365px; overflow:hidden; background:url(../images/index_05.jpg) no-repeat; margin-left:126px; position:relative;}
.in_contbox .img_box_1,.in_contbox .img_box_2{ float:left;}
.in_contbox .box_1 .list{}
.in_contbox .box_1 .list li{ float:left; width:368px; height:365px; padding:0 0 0 38px; background-repeat:no-repeat; background-position:top right;}
.in_contbox .box_1 .list li img{ display:none;}
.in_contbox .box_1 .list li b{ display:block; color:#000; font-size:20px; line-height:22px; margin:39px 0 0 0;}
.in_contbox .box_1 .list li p{ line-height:27px; height:108px; overflow:hidden; padding:25px 30px 0 0;}
.in_contbox .box_1 .list li a{ display:block; width:127px; height:37px; line-height:37px; text-align:center; border:1px solid #878788; color:#878788; font-weight:bold; text-transform:capitalize; margin:20px 0 0 0; transition:all 0.3s ease;}
.in_contbox .box_1 .list li a::after{ content:""; display:block; width:0; height:100%; background:#A70500; margin-top:-37px; transition:all 0.3s ease}
.in_contbox .box_1 .list li a:hover{ color:#FFF; border-color:#A70500;}
.in_contbox .box_1 .list li a:hover::after{ width:100%;}
.in_contbox .box_1 .btn_list{ position:absolute; top:45px; right:30px;}
.in_contbox .box_1 .btn_list li{ float:left; margin-left:6px; border-radius:50%; width:10px; height:10px; background:#C2C3C5; cursor:pointer;}
.in_contbox .box_1 .btn_list li.cur{ background:#666;}
.in_contbox .box_2{ float:left; width:253px; height:365px; margin-right:-126px;}
.in_contbox .box_2 img{ position:relative; z-index:11;}
.in_contbox .box_2 .box{ height:146px; padding:37px 16px 0 16px; background:#B32C13; color:#FFF; position:relative; z-index:12;}
.in_contbox .box_2 .box b{ display:block; font-size:18px; line-height:20px; padding:0 0 16px 38px; border-bottom:1px solid #D13E1C; background:url(../images/index_07.jpg) 7px top no-repeat;}
.in_contbox .box_2 .box p{ font-size:13px; line-height:26px; padding-top:5px;}
.in_contbox .box_2 .box em{ display:block; width:15px; height:15px; background:#B32C13; transform:rotate(45deg); position:absolute; top:50%; right:-7px; margin:-10px 0 0 0; transition:all 0.3s ease; opacity:0;}
.in_contbox .box_3 { margin:0 0 0 -126px;}
.in_contbox .box_3 .box{ background:#014A98;}
.in_contbox .box_3 .box b{ border-color:#0165C1; background:url(../images/index_13.jpg) 11px top no-repeat;}
.in_contbox .box_3 .box p{ font-size:13px; line-height:26px; padding-top:5px;}
.in_contbox .box_3 .box em{ background:#014A98; top:50%; left:-7px; margin:-10px 0 0 0;}
.in_contbox .box_4{ float:left; width:280px; height:365px; overflow:hidden; background:#EEEFF1; position:relative;}
.in_contbox .box_4 .list{}
.in_contbox .box_4 .list li{ float:left; width:280px; height:365px;}
.in_contbox .box_4 .list li b{ display:block; color:#000; font-size:20px; line-height:22px; margin:39px 0 0 30px;}
.in_contbox .box_4 .list li p{ line-height:27px; height:81px; overflow:hidden; padding:25px 35px 0 30px;}
.in_contbox .box_4 .list li img{ display:block; max-width:95%; max-height:110px; margin:10px auto;}
.in_contbox .box_4 .list li a{ display:block; width:127px; height:37px; line-height:37px; text-align:center; border:1px solid #878788; color:#878788; font-weight:bold; text-transform:capitalize; margin:10px auto 0 auto; transition:all 0.3s ease}
.in_contbox .box_4 .list li a::after{ content:""; display:block; width:0; height:100%; background:#A70500; margin-top:-37px; transition:all 0.3s ease}
.in_contbox .box_4 .list li a:hover{ color:#FFF; border-color:#A70500;}
.in_contbox .box_4 .list li a:hover::after{ width:100%;}
.in_contbox .box_4 .btn_list{ position:absolute; top:45px; right:30px;}
.in_contbox .box_4 .btn_list li{ float:left; margin-left:6px; border-radius:50%; width:10px; height:10px; background:#C2C3C5; cursor:pointer;}
.in_contbox .box_4 .btn_list li.cur{ background:#666;}
.in_contbox .box_1_load{ animation:box_1_load_css 1s ease-out forwards 0.5s;}
@keyframes box_1_load_css{
	100%{ margin:0;}
}
.in_contbox .box_em_load{ animation:box_em_load_css 0.4s ease-out forwards 1.1s;}
@keyframes box_em_load_css{
	100%{ opacity:1;}
}
.in_abbox{ clear:both; width:100%; height:546px; background:url(../images/index_17.jpg) center bottom no-repeat;}
.in_p_1{ text-align:center; color:#222222; font-weight:bold; font-size:20px; line-height:22px; padding-top:55px;}
.in_p_2{ width:1190px; height:1px; background:#E1E1E2; margin:25px auto 0 auto; position:relative;}
.in_p_2 p{ width:286px; text-align:center; height:16px; line-height:16px; color:#ABABAB; background:#F9FAFC; position:absolute; left:50%; top:-8px; margin-left:-143px;}
.in_abbox .box{ width:1050px; margin:45px auto 0 auto; line-height:32px; color:#555555; max-height:256px;}
.in_abbox .more{ clear:both; display:block; width:194px; height:52px; line-height:52px; text-align:center; font-size:15px; color:#FFF; background:#014A98; border:1px solid #C9C9C9; text-transform:capitalize; margin:50px auto 0 auto;}
.in_abbox .more::after{ content:""; display:block; width:0; height:100%; background:#A70500; margin-top:-52px; transition:all 0.3s ease;}
.in_abbox .more:hover::after{ width:100%;}
.in_casebox{ clear:both; width:100%;}
.in_casebox .in_p_2 p{ background:#FFF;}
.in_case{ clear:both; width:1190px; margin:0 auto; padding-bottom:50px; position:relative;}
.in_case .btn{ display:block; width:19px; height:39px; background:url(../images/index_19.jpg) left center no-repeat; position:absolute; top:224px;}
.in_case .prev{ background-position:left center; left:-52px;}
.in_case .next{ background-position:right center; right:-52px;}
.in_case .box{ width:100%; height:363px; padding-top:55px; overflow:hidden;}
.in_case .img_box_1,.in_case .img_box_2{ float:left;}
.in_case .box li{ float:left; width:275px; margin-right:30px; transition:all 0.4s ease-out;}
.in_case .box li img{ display:block;}
.in_case .box li div{ height:174px; color:#333; padding:0 20px 0 20px; border:1px solid #E5E5E5; border-top:0;}
.in_case .box li div b{ display:block; font-size:17px; line-height:19px; padding:25px 0 0 0; height:19px; overflow:hidden;}
.in_case .box li div p{ line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
.in_case .box li div em{ display:block; width:113px; height:32px; line-height:32px; text-align:center; font-style:normal; border:1px solid #B8B8B8; color:#8F8F8F; text-transform:capitalize; margin-top:15px;}
.in_case .box li:hover{ transform:translateY(-30px); box-shadow:0 0 10px #999;}
.in_case .box li:hover div{ background:#D02F1E; border-color:#D02F1E; color:#FFF;}
.in_case .box li:hover div em{ border-color:#E0766D; color:#EBB8B5;}
.in_btmbox{ clear:both; width:100%; border-top:1px solid #E6E6E6;}
.in_btm{ width:1155px; margin:0 auto; padding:29px 0; color:#666;}
.in_btm a{ color:#666;}
.in_btm a:hover{ color:#F41A06;}
.in_btm .lt{ float:left; width:214px; height:77px; border-right:1px solid #E8E8E8; padding-top:3px;}
.in_btm .ct{ float:left; padding:0 0 0 38px;}
.in_btm .ct .btm_menu{ overflow:hidden; height:30px; line-height:30px;}
.in_btm .ct .btm_menu a{ display:block; float:left;}
.in_btm .ct .btm_menu em{ display:block; float:left; font-style:normal; color:#CCCCCC; padding:0 20px;}
.in_btm .ct .btm_cpy{ font-size:13px; padding-top:10px;}
.in_btm .rt{ float:right; padding-top:11px;}
.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:1000;}


/*about*/
.ab_banbox{ width:100%; height:357px; background:url(../images/about_02.jpg) top center no-repeat; z-index:1;}
.ab_cont{ clear:both; width:1188px; margin:0 auto; position:relative;}
.ab_cont .lt{ position:absolute; left:0px; top:-65px; z-index:11;}
.ab_cont .lt .tit{ width:289px; height:84px; padding:110px 0 0 55px; line-height:32px; font-size:30px; font-weight:bold; color:#FFF; text-transform:uppercase; background:url(../images/about_03.png) no-repeat;}
.ct_cont .lt .tit{ font-size:28px;}
.ab_cont .lt .list{ border-left:8px solid #E5E5E5; margin-top:-7px; padding-top:32px;}
.ab_cont .lt .list ul{ width:185px;}
.ab_cont .lt .list li{ padding-top:8px; border-bottom:1px solid #E0E0E0; position:relative;}
.ab_cont .lt .list li a{ display:block; width:155px; height:62px; line-height:62px; padding-left:30px;}
.ab_cont .lt .list li em{ position:absolute; left:-8px; bottom:0; width:12px; height:62px; background:#D02F1E; display:none;}
.ab_cont .lt .list li.cur em{ display:block;}
.ab_cont .rt{ width:860px; padding:25px 65px 30px 65px; background:#F5F5F5; position:absolute; right:0px; top:-35px; z-index:12;}
.ab_cont .rt .mbx{ float:right; padding-left:22px; line-height:16px; background:url(../images/about_05.jpg) left center no-repeat;}
.ab_cont .rt .mbx a{ color:#5A5A5A;}
.ab_cont .rt .mbx span{ color:#d02d1e;}
.ab_cont .rt .tit{ clear:both; font-size:20px; line-height:22px; color:#000; padding-top:10px;}
.ab_cont .rt .tit em{ display:block; float:left; width:4px; height:20px; background:#014A98; margin:2px 9px 0 0;}
.ab_cont .rt .tit b{ display:block; float:left;}
.ab_main{ clear:both; padding-top:35px; line-height:32px; min-height:260px;}


/*products home*/
.prohm_mbx{ clear:both; width:1164px; margin:0 auto; height:52px; border-bottom:1px solid #B0B0B1;}
.prohm_mbx div{ float:right; padding-left:22px; line-height:16px; background:url(../images/about_05.jpg) left center no-repeat; margin-top:20px;}
.prohm_mbx div a{ color:#5A5A5A;}
.prohm_mbx div span{ color:#d02d1e;}
.prohm_list{ clear:both; width:1164px; margin:0 auto; padding-top:28px;}
.prohm_list li{ float:left; width:360px; margin:0 42px 42px 0; overflow:hidden; position:relative;}
.prohm_list li.none{ margin-right:0;}
.prohm_list li img{ display:block;}
.prohm_list li .bkg{ position:absolute; left:0; top:0; width:100%; height:217px; background:rgba(208, 47, 30, 0.9); z-index:11; transition:all 0.3s ease; opacity:0; transform:translateY(-100px);}
.prohm_list li .info{ position:absolute; left:0; top:0; z-index:12; color:#FFF; line-height:28px; padding:36px 36px 0 36px; max-height:168px; overflow:hidden; transition:all 0.3s ease; opacity:0; transform:translateY(-100px);}
.prohm_list li .tit{ height:113px; padding:0 20px 0 20px; border:1px solid #E5E5E5; border-top:0;}
.prohm_list li .tit b{ display:block; font-size:17px; line-height:19px; color:#333; padding:23px 0 0 0;}
.prohm_list li .tit em{ display:block; width:113px; height:32px; line-height:32px; text-align:center; font-style:normal; border:1px solid #B8B8B8; color:#8F8F8F; text-transform:capitalize; margin-top:15px;}
.prohm_list li:hover .bkg{ opacity:1; transform:translateY(0px);}
.prohm_list li:hover .info{ opacity:1; transform:translateY(0px);}


/*products*/
.pro_jg{ width:100%; height:102px; background:#FFF; z-index:1;}
.pro_top{ width:1175px; margin:0 auto;}
.pro_top .rt{ padding-right:0;}
.pro_banbox{ width:1175px; height:481px; margin:0 auto; background:url(../images/pro_02.jpg) center top no-repeat; position:relative;}
.pro_banbox .info{ position:absolute; left:0px; top:85px; width:100%; font-size:19px; color:#FFF; text-align:center; line-height:38px;}
.pro_banbox em{ position:absolute; left:50%; bottom:50px; margin-left:-22px; width:45px; height:45px; border:1px solid #FFF; border-radius:50%; cursor:pointer;}
.pro_banbox em::after{ content:""; display:block; width:13px; height:13px; border:1px solid #FFF; border-left:0; border-top:0; transform:rotate(45deg); margin:12px 0 0 15px;}
.pro_ctg{ width:1175px; margin:0 auto; height:46px; background:url(../images/pro_03.jpg) repeat-x; border-top:4px solid #0B3771;}
.pro_ctg .lt{ float:left;}
.pro_ctg .lt a{ display:inline-block; margin-left:10px; padding:0 20px; height:46px; line-height:44px; color:#333; position:relative;}
.pro_ctg .lt a em{ display:block; position:absolute; bottom:0px; left:50%; width:0; height:2px; background:#D02F1E; transition:all 0.3s ease;}
.pro_ctg .lt a.cur em{ left:0; width:100%;}
.pro_ctg .lt a:hover em{ left:0; width:100%;}
.pro_ctg .rt{ float:right; padding:0 10px 0 26px; line-height:16px; background:url(../images/about_05.jpg) left center no-repeat; color:#5A5A5A; margin-top:15px;}
.pro_ctg .rt a{ color:#5A5A5A;}
.pro_cont{ clear:both; width:1175px; margin:0 auto; padding:0 0 35px 0; min-height:200px;}
.pro_list{ overflow:hidden; padding-top:35px;}
.pro_list li{ float:left; width:360px; margin:0 15px 30px 15px; transition:all 0.5s ease-out;}
.pro_list li img{ display:block;}
.pro_list li div{ height:185px; color:#333; padding:0 20px 0 20px; border:1px solid #E5E5E5; border-top:0;}
.pro_list li div b{ display:block; font-size:17px; line-height:19px; padding:25px 0 0 0; color:#333;}
.pro_list li div p{ line-height:24px; height:48px; overflow:hidden; margin:10px 0 0 0;}
.pro_list li div em{ display:block; width:113px; height:32px; line-height:32px; text-align:center; font-style:normal; border:1px solid #B8B8B8; color:#8F8F8F; text-transform:capitalize; margin-top:25px;}
.pro_list li div em::after{ content:""; display:block; width:0; height:100%; background:#A70500; margin-top:-32px; transition:all 0.3s ease;}
.pro_list li:hover{ transform:translateY(-30px);}
.pro_list li:hover div em{ border-color:#A70500; color:#FFF;}
.pro_list li:hover div em::after{ width:100%;}
.pro_info{ clear:both; line-height:26px; padding:20px 15px 0 15px; font-size:17px; color:#F00;}

/*products show*/
.pro_ctg{ width:1175px; margin:0 auto; height:46px; background:url(../images/pro_03.jpg) repeat-x; border-top:4px solid #0B3771;}
.pro_ctg .lt{ float:left;}
.pro_ctg .lt a{ display:inline-block; margin-left:10px; padding:0 20px; height:46px; line-height:44px; color:#333; position:relative;}
.pro_ctg .lt a em{ display:block; position:absolute; bottom:0px; left:50%; width:0; height:2px; background:#D02F1E; transition:all 0.3s ease;}
.pro_ctg .lt a.cur em{ left:0; width:100%;}
.pro_ctg .lt a:hover em{ left:0; width:100%;}
.pro_ctg .rt{ float:right; padding:0 10px 0 26px; line-height:16px; background:url(../images/about_05.jpg) left center no-repeat; color:#5A5A5A; margin-top:15px;}
.pro_ctg .rt a{ color:#5A5A5A;}
.pros_cont{ width:1175px; margin:0 auto; overflow:hidden; padding:30px 0 40px 0;}
.pros_cont .lt{ float:left; width:600px;}
.pros_cont .lt img{ max-width:100%; display:block;}
.pros_cont .lt ul{ width:100%; padding-top:10px; overflow:hidden; display:none;}
.pros_cont .lt ul li{ float:left; width:calc(25% - 10px); padding-right:10px;}
.pros_cont .lt ul li img{ border:1px solid #ddd; cursor:pointer;}
.pros_cont .lt ul li img.cur{ border:1px solid #0152b2;}
.pros_cont .rt{ float:right; width:550px;}
.pros_cont .rt .titbox{ border-bottom:1px solid #CCCBCB; padding-bottom:14px; overflow:hidden;}
.pros_cont .rt .titbox p{ float:left; width:calc(100% - 120px); font-size:32px; line-height:34px; color:#000; padding-left:12px;}
.pros_cont .rt .titbox em{ clear:left; float:left; display:block; width:19px; height:19px; background:#15499a; border-radius:50%; margin:22px 0 0 12px;}
.pros_cont .rt .titbox em:after{ content:""; display:block; width:7px; height:7px; border:1px solid #FFF; border-left:0; border-bottom:0; transform:rotate(45deg); margin:6px 0 0 4px;}
.pros_cont .rt .titbox a{ display:block; float:right; width:74px; height:62px; padding-top:12px; text-align:center; font-size:18px; line-height:25px; background:#83A5D1; color:#FFF; border-radius:5px;}
.pros_cont .rt .p_1{ clear:both; font-size:17px; height:46px; line-height:46px; color:#d30e0e;}
.pros_cont .rt .zhaiyao{ line-height:34px; min-height:34px; padding-bottom:20px; overflow:hidden;}
.pros_cont .rt .xj{ border-top:1px solid #CCCBCB; padding-top:18px;}
.pros_cont .rt .xj a{ float:left; display:block; width:50%; height:78px; line-height:78px; text-align:center; font-size:27px; background:#014A98; color:#FFF; border-radius:5px;}
.pros_cont .rt .xj p{ float:right; width:45%; font-size:21px; line-height:23px; padding-top:9px;}
.pros_cont .rt .xj p b{ display:block; font-size:26px; line-height:28px; color:#014A98; padding-top:10px;}
.pros_cont .rt .fx{ clear:both; padding-top:18px;}
.pros_bt{ width:1140px; margin:0 auto; height:63px; border-left:1px solid #EDEDED;}
.pros_bt ul{ overflow:hidden;}
.pros_bt ul li{ float:left; width:150px; height:60px; line-height:60px; font-size:18px; font-weight:bold; text-align:center; border-top:3px solid #F41A06; border-right:1px solid #EDEDED; background:#FFF;}
.pros_main{ width:1080px; margin:-1px auto 30px auto; padding:40px 30px; min-height:200px; line-height:26px; background:#FFF; border:1px solid #EDEDED;}
.pros_main_1{ width:1140px; margin:-1px auto 30px auto; background:#FFF; border:1px solid #EDEDED; padding-bottom:30px;}
.pros_main_1 .pro_list li{ margin:0 10px;}


/*news*/
.ns_cont{ display:block; overflow:hidden;}
.ns_cont img{ float:left;}
.ns_cont .info{ float:right; width:560px; position:relative;}
.ns_cont .info b{ font-size:17px; font-weight:bold; color:#333; height:30px; line-height:30px; overflow:hidden;}
.ns_cont .info div{ line-height:25px; max-height:75px; padding-top:14px; color:#464646; overflow:hidden;}
.ns_cont .info p{ font-size:12px; color:#666;}
.ns_cont .info p span{ font-size:13px; color:#d02d1e;}
.ns_cont .info em{ font-style:normal; position:absolute; right:0; top:0px; line-height:30px; color:#464646;}
.ns_box{ clear:both; margin-top:35px; border:1px solid #DBDBDB; border-top:3px solid #014A98; min-height:150px; padding:10px 25px 20px 25px;}
.ns_box ul{ padding-bottom:20px;}
.ns_box li{ padding:10px 0 20px 0; border-bottom:1px solid #DBDBDB;}
.ns_box li .top{ overflow:hidden;}
.ns_box li .top .tit{ float:left; color:#010101; font-size:15px;}
.ns_box li .top .tm{ float:right; font-size:12px; color:#666666;}
.ns_box li .top .tm span{ font-size:13px; color:#d02d1e;}
.ns_box li .cont{ clear:both; line-height:24px; color:#5E5E5E; padding-top:10px;}

/*newsShow*/
.nss_cont{ clear:both; width:1140px; margin:0px auto; padding:50px 0; line-height:26px;}
.ns_show_tit{ text-align:center; font-size:18px; font-weight:bold; }
.ns_show_tm{ text-align:center; padding-top:5px; color:#aaa;}
.ns_show_cont{ line-height:28px; padding-top:20px;}
.ns_pn{ clear:both; padding:20px 0 0 0; line-height:26px;}

/*cases*/
.cs_list{}
.cs_list li{ height:148px; padding:25px 15px 0 21px; background:#FFF; margin-bottom:13px; position:relative;}
.cs_list li img{ float:left;}
.cs_list li div{ float:right; width:590px;}
.cs_list li div b{ font-size:16px; color:#000000; height:32px; line-height:32px; overflow:hidden;}
.cs_list li div p{ line-height:22px; height:44px; padding-top:5px; color:#575757; font-size:13px; overflow:hidden; text-indent:2em;}
.cs_list li div span{ float:right; margin-top:20px; font-size:12px;}
.cs_list li em{ display:block; position:absolute; left:0; bottom:0; width:0; height:2px; background:#173B83; transition:all 0.3s ease;}
.cs_list li:hover div b{ color:#db251a;}
.cs_list li:hover div p{ color:#000000;}
.cs_list li:hover div span{ color:db251a;}
.cs_list li:hover em{ width:100%;}


/*honor*/
.hor_list{ overflow:hidden;}
.hor_list li{ float:left; width:269px; margin:0 26px 15px 0; overflow:hidden; position:relative;}
.hor_list li.none{ margin-right:0}
.hor_list li img{ display:block; width:100%;}
.hor_list li p{ text-align:center; font-size:15px; height:40px; line-height:40px;}
.hor_list li div{ background:rgb(100,100,100, 0.5); width:100%; height:calc(100% - 40px); position:absolute; left:0; top:0; transition:all 0.3s ease-out 0s; opacity:0; transform:translateY(-100px);}
.hor_list li div::after{ content:""; display:block; background:url(../images/hor_05.png) center center no-repeat; width:100%; height:100%;}
.hor_list li a:hover div{ opacity:1; transform:translateY(0px);}

/*honor show*/
.hons_tm{ text-align:center; color:#aaa; padding-top:15px;}
.hons_tit{ text-align:center; font-weight:bold; font-size:16px; line-height:17px;}


/*joblist*/
.jbs_tb{ width:98%; border-left:1px solid #DCDCDC; border-top:1px solid #DCDCDC; margin:0px auto 15px auto;}
.jbs_tb td{ border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:0 5px;}
.jbs_tb td.bkg{ background:#efefef;}
.jbs_tb td.cont{ padding:0px 5px;}
.jbs_join{ text-align:right; margin-right:15px;}

/*jobjoin*/
.jbs_tb_1{ width:600px; margin:0 auto;}
.jbs_tb_1 th{ width:100px; text-align:right; padding-right:10px; font-weight:bold;}
.jbs_txt{ width:95%; height:30px; border:1px solid #CCCCCC; font-size:13px; line-height:30px; padding:0 5px; border-radius:3px;}
.jbs_txt:focus{ border:1px solid #F41A06;}
.jbs_txtarea{ width:95%; height:100px; border:1px solid #CCCCCC; font-size:13px; padding:5px;}
.jbs_txtarea:focus{ border:1px solid #F41A06;}
.jbs_age{ width:90px;}
.jbs_hong{ color:#f00;}
.jbs_submit{ height:33px; text-align:center; padding:0 20px; line-height:33px; color:#FFF; font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#666; border-radius:3px;}
.jbs_submit:hover{ background:#F41A06; color:#FFF;}

/*inquiry*/
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:600px; margin:0px auto;}
.jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_rt{ float:left; width:calc(100% - 105px);}
.jn_box .txt{ width:calc(100% - 40px); height:20px; line-height:20px; border:1px solid #DBDBDB; color:#444; padding:5px 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #F41A06;}
.jn_box textarea:focus{ border:1px solid #F41A06;}
.jn_box .cod{ width:70px; height:20px; line-height:20px; border:1px solid #DBDBDB; color:#444; padding:5px 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:calc(100% - 40px); height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#F41A06}
.cl_red{ color:#f00;}
.fd_pro_tb{ width:100%; margin:0 auto; border-left:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:20px; }
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.fd_pro_tb th{ height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #ddd; width:80px; padding:3px 10px; height:20px; line-height:20px; text-align:right; border-radius:3px;}
.fd_pro_tb td input:focus{ border:1px solid #F41A06;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}


































</pre></body></html>